<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<script src="/js/axios-0.18.0.js"></script>
<script src="/js/vuejs-2.5.16.js"></script>
<body>
<div id="app">
    <table align="center" cellspacing="0px" border="1px">
        <tr v-for="student in studentList">
            <td v-for="value in student">{{value}}</td>
        </tr>
    </table>
</div>
</body>
<script>
    new Vue({
        el:"#app",
        data:{
            studentList:[]
        },
        methods:{
            findAll:function () {
                var _this=this;
                axios.get("/student/findAll").then(function (resp) {
                    _this.studentList=resp.data;
                })
            }
        },
        created:function () {
            this.findAll();
        }
    });
</script>
</html>
